<div>
	<h2 data-translate="milkbeeApp.present.home.title">Presents</h2>
	<jhi-alert></jhi-alert>
	<br />
	<div class="container">
		<div class="row">
			<div ng-repeat="present in vm.presents track by present.id"
				class="col-md-3 col-sm-4 col-xs-12">
				<div class="thumbnail">
					<img src="/content/images/upload/gift/{{present.giftId}}.gif" alt="{{present.title}}">
					<div class="caption">{{present.title}}
					<p>{{present.createdAt| date:'yyyy-MM-dd'}}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="text-center">
		<jhi-item-count page="vm.page" total="vm.queryCount"
			items-per-page="vm.itemsPerPage"></jhi-item-count>
		<uib-pagination class="pagination-sm" total-items="vm.totalItems"
			items-per-page="vm.itemsPerPage" ng-model="vm.page"
			ng-change="vm.transition()"></uib-pagination>
	</div>
</div>
